@import './color.scss';

.kxui-verification {
  opacity: .6;
  outline: none;
  transition: all .2s !important;
}

.kxui-verification:hover,
.kxui-verification:focus {
  opacity: 1;
}

.kxui-verification-success {
  color: $popupSuccessColor !important;
  border: 1px solid $popupSuccessBorder !important;
}

.kxui-verification-success:hover,
.kxui-verification-success:focus {
  border-color: $popupSuccessBorder !important;
}

.kxui-verification-danger {
  color: $popupDangerColor !important;
  border: 1px solid $popupDangerBorder !important;
}

.kxui-verification-danger:hover,
.kxui-verification-danger:focus {
  border-color: $popupDangerBorder !important;
}

.kxui-verification-danger-text {
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  color: $popupDangerColor;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}